<template>
  <div class="kuailezhuifen">
      <div class="banxing">
      <div class="qixing">
          <div class="qixingtu">
              <img :src="arr5.img" alt="">
          </div>
        <div class="qixiangjipiao"><span>{{arr5.text}}</span></div>
          
      </div>
       <div class="qixing">
          <div class="qixingtu">
              <img :src="arr5.img1" alt="">
          </div>
        <div class="qixiangjipiao"><span>{{arr5.text1}}</span></div>
          
      </div>
      </div>
  </div>
</template>

<script>
import getlink from "../../apis/getapi"
export default {
    data() {
    return {
      arr5: {},
    };
  },
  mounted() {
    getlink("/data/list/xiaoming").then((ok) => {
      console.log(ok.data.sectionfive);
      this.arr5 = ok.data.sectionfive;
    });
  },
}
</script>

<style scoped>
    .kuailezhuifen{
        display: flex;
        align-items: center;
        flex-direction: column;
        width: 100%;
        height: 2.8rem;
    }
    .banxing{
        margin-top: .3rem;
        width: 100%;
        height: 2.8rem;
    }
    .qixing{
        display: flex;
        width: 90%;
        height: 1.4rem;
        margin: auto;
        
    }
    .qixingtu{
        width: 1.5rem;
        height: 1rem;
        border-radius: .2rem;
       
    }
     .qixingtu img{
        width: 1.5rem;
        height: 1rem;
        border-radius: .2rem
    }
    .qixiangjipiao{
        width: 1.9rem;
        height: 1.2rem;
        border-bottom: .01rem solid black;
        font-size: .14rem;
        
    }
    .qixiangjipiao span{
        
        width: 1.9rem;
        height: .5rem;
        display: inline-block;
        margin-top: .3rem;
        margin-bottom: 1rem;
    }
</style>